<template>
  <div class="news-list-hy">
    <!-- con-start -->
    <div class="news-con">
      <div
        class="news-item"
        v-for="item in message"
        :key="item.tit"
      >
        <h2><a>{{ item.tit }}</a></h2>
        <p>{{ item.time }}</p>
      </div>
    </div>
    <!-- con-end -->
  </div>
</template>

<script>
  export default {
    name: "NewsListHy",
    data() {
      return {
        message: [
          {
            tit: "行业动态",
            time: "2021-10-15"
          },
          {
            tit: "【欢度佳节】一诺万金公司祝大家国庆快乐！",
            time: "2021-09-30"
          },
          {
            tit: "【邀请函】一诺万金渠道伙伴交流会",
            time: "2021-09-22"
          },
          {
            tit: "【共度佳节】一诺万金公司祝大家中秋快乐！",
            time: "2021-10-15"
          },
          {
            tit: "河南省联通政企部领导莅临洛阳市洛龙区古城街道英才社区指导交流",
            time: "2021-10-15"
          },
          {
            tit: "一诺万金公司官方网站正式改版上线",
            time: "2021-09-01"
          }
        ]
      }
    }
  }
</script>

<style lang="scss" scoped>
  .news-list-hy {
    .news-con {
      width: 100%;
      margin-left: 24px;
      padding: 0 24px;
      box-shadow: 0 0 10px #f5f5f5;
      .news-item {
        padding: 24px 0;
        border-bottom: 2px solid #f5f5f5;
        h2 {
          font-size: 20px;
          font-weight: 1000;
          color: #333;
          margin-bottom: 16px;
        }
        p {
          font-size: 14px;
          color: #666;
        }
      }
      .news-item:nth-last-child(1) {
        border-bottom: none;
      }
    }
  }
</style>